﻿<!DOCTYPE html>
<html lang="zh">

<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>jQuery固定侧边栏插件</title>
	<link rel="stylesheet" type="text/css" href="css/htmleaf-demo.css">
	<!--演示页面样式，使用时可以不引用-->
	<link rel="stylesheet" href="css/demo.css">
	<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css" />
	<!--引入ssMenu CSS-->

</head>

<body>
	<!--侧边栏开始-->
	<nav class="ss-menu ">
		<ul>
			<li><a href="#1"><i class="fa fa-android"></i>系统记录</a></li>
			<li><a href="#1"> <span class="ss-badge">6</span> <i class="fa fa-briefcase"></i>客户管理 </a></li>
			<li><a href="#1"><i class="fa fa-heartbeat"></i>渠道管理</a></li>
			<li><a href="#1"><i class="fa fa-bank"></i>APP管理</a></li>
			<li><a href="#1"><i class="fa fa-cc-paypal"></i>在线支付</a></li>
			<li><a href="#1"><i class="fa fa-bookmark-o"></i> 系统管理 </a></li>
			<li><a href="#1"><i class="fa fa-car"></i>素材管理 </a></li>
			<li><a href="#1"><i class="fa fa-bar-chart"></i>统计分析</a></li>
			<li><a href="#1"><i class="fa fa-location-arrow"></i>联系我们</a></li>
		</ul>
	</nav>
	<!--侧边栏结束-->
	<!--页面内容开始-->
	<div class="htmleaf-container">
		<header class="htmleaf-header">
			<h1>jQuery固定侧边栏插件ssMenu <span>客户管理系统</span></h1>
		</header>
		<main class="ss-main">
			<article>
				<section class="theme-picker">
					<h2> 更换侧边栏背景色 </h2>
					<p> 单过选择你想更换的侧边栏颜色 </p>
					<button class="set-default"> 重置 </button>
					<span class="red"> </span>
					<span class="yellow"> </span>
					<span class="blue"> </span>
					<span class="green"> </span>
					<span class="orange"> </span>
					<span class="brown"> </span>
					<span class="teal"> </span>
					<span class="purple"> </span>
					<div class="ad-unit">
					</div>
				</section>
				<div>
					<img src="related/content.jpg" width="710" />
				</div>
			</article>
		</main>
	</div>
	<!--页面内容结束-->
</body>

</html>